<template>
	<view class="pd-left-60 pd-right-60 pd-top-34">
		<view v-for="(group, index) of groups" :key="'group' + index" class="group">
			<view class="title1">{{group.title}}</view>
			<view v-for="(ask, index2) of group.child" :key="'ask' + index + '-' + index2" class="ask-item">
				<view class="title2 flex flex-center" @click="changeShow(index, index2)">
					<image class="point" src="@/static/icon/point.png" mode="widthFix"></image>
					<text class="flex1">{{ask.title}}</text>
					<image class="arrow" :class="{show: ask.show}" src="@/static/icon/right.png" mode="widthFix"></image>
				</view>
				<view v-show="ask.show" class="content" v-html="ask.content"></view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				groups: [
					{
						title: '关于预约',
						child: [
							{
								show: false,
								title: '需要提前预约吗？',
								content: '需要，目前我们开放了45天的预约档期，您可根据实际情况，制定您的拍摄行程。'
							},
							{
								show: false,
								title: '可以变更预约时间吗？',
								content: '您最多可以修改两次预约时间，如需变更预约时间，请咨询门店工作人员。拍摄前48小时时内不可变更。'
							}
						]
					},
					{
						title: '关于拍摄',
						child: [
							{
								show: false,
								title: '可以取消拍摄吗？',
								content: '无法取消拍摄，但您可以在拍摄前48小时对订单进行修改，来选择您需要的时间。每个订单只有两次修改的机会哦！'
							},
							{
								show: false,
								title: '你们提供哪些服务？',
								content: '将提供妆发造型服务、提供服饰/配饰服务、拍摄服务、修片服务、图像输出服务。'
							}
						]
					},
					{
						title: '拍摄须知',
						child: [
							{
								show: false,
								title: '关于妆容',
								content: '建议提前洗发/理发/剃须，并做好皮肤护理。如近期皮肤敏感，请务必告知化妆师，或自带常用化妆、亲肤产品。可淡妆或素颜前往门店拍摄，我们将有专业的化妆师为您打造合适的妆容。<br/>如您患有近视，建议佩戴隐形眼镜（个别产品不允许佩戴隐形眼镜拍摄，详情可咨询门店）。<br/>建议拍摄前一晚少喝水，以防水肿。'
							},
							{
								show: false,
								title: '你们提供哪些服务？',
								content: '将提供妆发造型服务、提供服饰/配饰服务、拍摄服务、修片服务、图像输出服务。'
							},
							{
								show: false,
								title: '关于服饰',
								content: '根据拍摄场景，提供不同风格的服装及配饰。<br/>部分拍摄产品可自备服饰，如您对服饰有个性化需求，拍摄前请咨询门店。'
							},
							{
								show: false,
								title: '关于拍摄',
								content: '拍摄时长约120~180分钟，实际时长视具体情况而定。完成拍摄后，我们会提供已付费图片jpg格式的精修底片，不提供原始拍摄文件。'
							}
						]
					}
				]
			};
		},
		methods:{
			changeShow(group, ask) {
				console.log(group, ask);
				this.groups[group].child[ask].show = !this.groups[group].child[ask].show;
			}
		}
	}
</script>

<style lang="scss">
	
.group{
	margin-bottom: 40rpx;
}

.title1{
	color: #232323;
	font-size: 36rpx;
	font-weight: bold;
	line-height: 90rpx;
}

.ask-item{
	border-bottom:1px solid #E9E9E9;
	padding-bottom: 20rpx;
	margin-bottom: 20rpx;
}

.title2{
	color: #666666;
	font-size: 32rpx;
	line-height: 60rpx;
	font-weight: bold;
	.point{
		width: 12rpx;
		margin-right: 12rpx;
	}
	
	.arrow{
		width: 20rpx;
		transform: rotate(90deg);
	}
	.arrow.show{
		transform: rotate(-90deg);
	}
}

.content{
	color: #666666;
	font-size:26rpx;
	line-height: 42rpx;
}


</style>
